@import "../common/css/variables.scss";
@import "../../common/css/size.scss";
.m-shopcart{
  position: absolute;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  background: #f3f3f3;
  .shopcarted{
    height: 100%;
    background: #fff;
    .proItemN4s{
      height: calc(100% - #{$_48});
      overflow-y: auto;
      .proitemLi{
        overflow-x: auto
      }
      .swiper-block{
        height: $_117;
        width: calc(100% + #{$deleteBtn});
        .checkit{
          width: $_30;
          height: 100%;
        }
        .deleteBtn{
          display: block;
          width: $deleteBtn;
          height: 100%;
          color: #fff;
          background: #F45975;
          border: none;
          font-size: $_16;
          letter-spacing: $_1;
        }
        
      }
    
    }
    .proItemN4{
      box-shadow: none;
      border-radius: $_0;
      width: $_345;
      height: $_116;
      margin: 0;
      border-bottom: $_1 solid #e7e7e7;
      
      .proRight{
        .btm{
          display: none;
        }
      }
    }
    .acts{
      width: 100%;
      height: $_48;
      box-shadow: $_1 (-$_4) $_4 rgba(72,133,240,0.1);
      position: absolute;
      bottom: 0;
      .fffAct{
        width: $_250;
        height: 100%;
        .checkit{
          padding-left: $_38;
          color: #798084;
          line-height: $_22;
        }
        .totalPrice{
          margin-right: $_20;
          color: #798084;
        }
      }
      button{
        width: $_125;
        height: 100%;
        background: $cMain;
        color: #fff;
        font-size: $_16;
        letter-spacing: $_2;
        border: none;
      }
      button:disabled{
        background: $cbtndisable;
      }
    }
  }
 
  .noShopCart{
    .nothing{
      width: $_195;
      // height: $_210;
      margin: $_20 auto;
    }
    .proItemN4{
      margin: 0 auto $_20;
    }
  }
}




.proItemN4{
    background: #FFFFFF;
    box-shadow: 0 $_2 $_2 0 rgba(205,208,212,0.50);
    border-radius: $_7;
    width: $_359;
    height: $_116;
    margin: $_10 auto 0;
    // img{
    //   width: $_56;
    //   height: $_56;
    //   margin: 0 $_10;
    // }
    .proRight{
      width: calc(100% - #{$_76});
      .over-hide{
        margin: 0  $_10 0 0;
      }
      .name{
        margin-top: $_20;
      }
      .btmTop{
        padding-bottom: $_26;
      }
      .btm{
        text-align: center;
        min-width: $_117;
        height: $_27;
        line-height: $_32;
        border-top-left-radius: $_50;
        border-bottom-right-radius: $_7;
        background: $cMain;
        color: #fff;
        padding: 0 $_10;
  
      }
    }
  
  }  